@charset "UTF-8";
/**CSS Reset**/
body, div, span, h1, h2, h3, h4, h5, h6, header, footer, section, article, aside, details, figcaption, figure, hgroup, nav, menu, address, time, canvas, audio, video, p, pre, sup, sub, ul, ol, li, dl, dt, dd, form, input, button, textarea, select, iframe, img, a { padding: 0; margin: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
header, footer, section, article, aside, details, figcaption, figure, hgroup, nav, menu { display: block; }
html, body { font-size: 20px; -webkit-overflow-scrolling: touch; }
/* body { background-color: #eee; color: #333;  } */
h1, h2, h3, h4, h5, h6 { font-weight: normal; }
ul, ol { list-style-type: none; }
a { color: #333; text-decoration: none; outline: none; }
a:link, a:visited, a:hover, a:active { color: #333; outline: none; }
/* input{outline: 0 none;color: white} */
.iphone { width: 384px; height: 799px; padding: 182px 32px 157px; margin: 10px auto; }
.browser { position: relative; width: 320px; height: 460px; overflow: hidden; }
/* @media (min-width: 721px) and (max-width: 1300px) { */
	.iphone { width: 270px; height: 562px; padding: 128px 23px 111px; margin: 20px auto; background-size: 270px 562px; }
	.browser { width: 224px; height: 323px; }
/* } */
/* @media (max-width: 720px) { */
	/* .iphone { width: 100%; height: 100%; padding: 0; background: none; }
	.browser { width: 100%; height: 100%; } */
/* } */
/*选择地区*/
.express-area {  margin-top:5px; margin-bottom: .25rem;  }
/* .express-area a { display: block; padding: .5rem; background: url(../img/link-arrow.png) no-repeat 98% 50%; background-size: .55rem .55rem; } */
/* .express-area dl { position: relative; line-height: 1.2rem; color: #4d525d;height: 24px; } */
/* .express-area dl dt{    position: absolute;
    top: 0;
    left: 14px;
    font-size: 14px;
    line-height: 36px;
    color: #fff;
	} */
/* .inp{    height: 28px;
	background: transparent;
	border: 0 none;font-size: 14px} */
/* .inp::-webkit-input-placeholder{
	color: white
}　 */
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { 
    font-size: 14px;
	color:#CDCDCD; 
} 
input:-moz-placeholder, textarea:-moz-placeholder { 
    font-size: 14px;
	color:#CDCDCD; 
} 
input::-moz-placeholder, textarea::-moz-placeholder { 
    font-size: 14px;
	color:#CDCDCD; 
} 
input:-ms-input-placeholder, textarea:-ms-input-placeholder { 
    font-size: 14px;
	color:#CDCDCD; 
}

.region::-webkit-input-placeholder{ 
	color:#FFDF76; 
} 
.region:-moz-placeholder{ 
	color:#FFDF76; 
} 
.region::-moz-placeholder{ 
	color: #FFDF76; 
} 
.region:-ms-input-placeholder{ 
	color:#FFDF76; 
}

/* .express-area dl dd { padding-top: .16rem;
    padding-right: .8rem;
    margin-left: 4.5rem;
    text-align: justify;
    font-size: .65rem;
    height: 28px;
    line-height: 28px;
    color: white;
    width: 70% } */
.express-area a { padding: .3rem; }
/*选择地区弹层*/
.express-area-box { position: absolute; bottom: -100%; left: 50%; z-index: 15; width: 320px; margin-left: -160px; background-color: #fff; color: #4d525d;z-index: 9999999999999999999; }
.express-area-box header { position: relative; border-top: 1px solid #e2e2e2; border-bottom: 1px solid #e6e6e6 }
.express-area-box header h3 {
	margin: 0 1.675rem;
    text-align: center;
    font-size: 15px;
    line-height: 2.25rem;
    font-weight: 500;}
.express-area-box header .back,
.express-area-box header .close { position: absolute; top: 0; width: 1.675rem; height: 2.25rem; }
.express-area-box header .back { display: none; left: 0; background: url(../img/back.png) no-repeat center;   background-size: .45rem .75rem; }
.express-area-box header .close { right: 0; background: url(../img/close-area.png) no-repeat center; background-size: .675rem .675rem; }
.express-area-box article { height: 250px; overflow-y: scroll; }
.area-list li { 
	margin: 6px 16px;
    padding-bottom: 6px;
    border-bottom: 1px solid #f3f3f3b5;
    text-align: justify;
    font-size: 13px;
    line-height: 1.25rem;
}
.express-area-box { width: 224px; margin-left: -112px; }
.express-area-box { position: fixed; left: 0; width: 100%; margin-left: 0; }
/*遮罩层*/
.mask { display: none; position: absolute; top: 0; left: 0; z-index: 12; width: 100%; height: 100%; background-color: rgba(0,0,0,.5); }

.mask { position: fixed; }

.textare{height: 56px;
    line-height: 28px;
    color: white;
    resize: none;
    outline: none;
    width: 100%;
	font-family:PingFangSC-Medium;}